<div class="modal-body">
  <div>
    <p>
      The <b>notification header</b> supplies additional text included in the
      notification. This appears in the notification body starting on the "Header:"
      line.
    </p>
  </div>
  <div>
    <h2>Example 1 - Regular text</h2>
    <p>
      Any normal text put in this field shows up in the notification after the "Header:"
      line.
    </p>
    <textarea class="help-snippet" style="height: fit-content;">
Report details will follow</textarea
    >
    <br />
    <p>Sample output:</p>
    <pre>
  Service: Your Service
  Runtime: 2021-04-29 21:03:19.745496
  Status: PASS
  Results: ...
  Header: Report details will follow
</pre
    >
  </div>
  <div>
    <h2>Example 2 - Variable substitution</h2>
    <p>
      Similar to example 1, but now you can use
      <a
        href="/docs/automation/service_python_code/#substitution-fields"
        style="text-decoration: underline;"
        >Variable substitution</a
      >.
    </p>
    <p>
      The replaced text shows up in the notification after the "Header:" line. Note that
      some formatting may be necessary - this example uses the
      <b>dict_to_string</b> function (see
      <a
        href="/docs/automation/service_python_code/#variables"
        style="text-decoration: underline;"
        >Variables</a
      >
      - scroll down to find dict_to_string).
    </p>
    <textarea class="help-snippet" style="height: fit-content;">
{% raw %}{{ dict_to_string(get_var("variable_name"), depth=1) }}{% endraw %}</textarea
    >
    <br />
    <p>Sample output:</p>
    <pre>
  Service: Your Service
  Runtime: 2021-04-29 21:03:19.745496
  Status: PASS
  Results: ...
  Header:
       data:
                key1: value1
                key2:
                        - 16
                        - 1024

       more_data:
                key1: value2
</pre
    >
  </div>
</div>
